<template>
  <div class="rule-box">
    <div v-if="$route.query.name" class="back-title">
      <i class="el-icon-arrow-left" @click="$router.go(-1)">返回</i>
    </div>
    <div class="monitoring">
      <div class="container-box">
        <div class="page-container">
          <LogTraceFilter @emitSel="getSel" />
          <right-container :check-list="checkList" />
          <!-- 提示框 -->
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import LogTraceFilter from './components/LogTraceFilter.vue'
import RightContainer from './components/RightContainer.vue'

export default {
  components: { LogTraceFilter, RightContainer },
  data() {
    return {
      //   搜索框的值
      input_value: '',
      //   子组件传输的值
      checkList: []
    }
  },
  created() {},
  methods: {
    /** 重组数据-----*/
    resetData(result) {
      const newData = []
      return new Promise((resolve) => {
        result.forEach((i, index) => {
          newData.push(Object.assign({ showchild: true }, { ...i }))
        })
        resolve(newData)
      })
    },
    // 获取子组件传参
    getSel(data) {
      this.checkList = data
    }
  }
}
</script>

<style lang="scss" scoped>
.container-box{
  overflow:hidden;
  .page-container{
    height:100%;
  }
}
.monitoring {
  height: 100%;
}
</style>
